<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./assets/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/login.css">
    <title>登录页面</title>
</head>

<body>
    <!-- logo标志 -->
    <img src="./assets/images/logo.png" id="logo" alt="">
    <!-- 登录表单 -->
    <div class="box login">
        <div class="box-hd">
            大事件后台管理系统
        </div>
        <div class="box-bd">
            <!-- 表单具体内容 -->
            <form class="form-horizontal form-login">
                <!-- 用户名 -->
                <div class="form-group">
                    <span class="glyphicon glyphicon-user font"></span>
                    <input type="text" class="form-control" id="loginUsername" name="username" placeholder="请输入用户名">
                    <p class="warning-n warning">用户名不能为空</p>
                </div>
                <!-- 密码 -->
                <div class="form-group">
                    <span class="glyphicon glyphicon-lock font"></span>
                    <input type="password" class="form-control" id="loginPassword" name="password" placeholder="请输入密码">
                    <p class="warning-p warning">密码长度为6~12位的密码</p>
                </div>
                <!-- 登录按钮 -->
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-login">登录</button>
                </div>
            </form>
            <a href="javascript:;" class="jump-register">没有账号,去注册</a>
        </div>
    </div>

    <!-- 注册表单 -->
    <div class="box register">
        <div class="box-hd">
            大事件后台管理系统
        </div>
        <div class="box-bd">
            <!-- 表单具体内容 -->
            <form class="form-horizontal form-register">
                <!-- 用户名 -->
                <div class="form-group">
                    <span class="glyphicon glyphicon-user font"></span>
                    <input type="text" class="form-control" name="username" id="registerUsername" placeholder="请输入用户名">
                    <p class="warning-n warning">用户名不能为空</p>
                </div>
                <!-- 密码 -->
                <div class="form-group">
                    <span class="glyphicon glyphicon-lock font"></span>
                    <input type="password" class="form-control" name="password" id="registerPassword"
                        placeholder="请输入密码">
                    <p class="warning-p warning">密码长度为6~12位的密码</p>
                </div>
                <!-- 确认密码 -->
                <div class="form-group">
                    <span class="glyphicon glyphicon-lock font"></span>
                    <input type="password" class="form-control" id="registerPasswords" placeholder="请确认密码">
                    <p class="warning-ps warning">第二次密码错误</p>
                </div>
                <!-- 登录按钮 -->
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-register">注册</button>
                </div>
            </form>
            <a href="javascript:;" class="jump-login">已有账号,去登录</a>
        </div>

    </div>

    <script src="./assets/lib/jquery.js"></script>
    <script src="./assets/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./assets/js/common.js"></script>
    <script src="./assets/js/login.js"></script>
</body>

</html>